<template>
  <div class="">
      <div class="swipe">
          <swipe></swipe>
      </div>
      <div class="menu">
                <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		                    <router-link to='/newsList'>
                        <span class="mui-icon mui-icon-home"></span>
		                    <div class="mui-media-body">Home</div>
                        </router-link>
                        
                    </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		                    <router-link to='/newsList'>
                            <span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
		                    <div class="mui-media-body">Email</div>
                            </router-link>

                    </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		                    <router-link to='/browseGoods'>
                                <span class="mui-icon mui-icon-chatbubble"></span>
                                <div class="mui-media-body">Chat</div>
                            </router-link>
                    </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		                    <router-link to="/shareInfo">
                        <span class="mui-icon mui-icon-location"></span>
		                    <div class="mui-media-body">location</div>
                        </router-link>
                            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-search"></span>
		                    <div class="mui-media-body">Search</div></a>
                            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-phone"></span>
		                    <div class="mui-media-body">Phone</div></a>
                            </li>
		            
		        </ul> 
      </div>
  </div>
</template>

<script>
import swipe from './untils/swipe.vue'
export default {
  name: '',
  data() { 
    return {

    }
  },
  components:{
      swipe,
  }
 }
</script>

<style lang="" scoped>
.swipe{
    height: 170px;
}


</style>